﻿<!DOCTYPE html>
<html lang="zh">

<head>
  #include("./common/head.htm")
</head>

<body>
  #include("./common/header.htm")
  <div id="content-wrapper">
    <div class="content-iframe" style="background-color: #f9f9f9;">
      <div class="mainContent" id="content-main" style="margin: 0px; padding: 0px; height: 1050px;">
        <!-- <iframe name="main_iframe" width="100%" height="100%" id="default" frameborder="0"> -->
          <!--页面主要内容-->
          <main class="ftdms-layout-content">

            <div class="container-fluid" style="margin-bottom:90px;">

              <div class="row" style="margin-top:15px;">
                <div class="col-sm-6 col-lg-3">
                  <div class="card bg-primary">
                    <div class="card-body clearfix">
                      <div class="pull-left">
                        <p class="h6 text-white m-t-0">今日收入</p>
                        <p class="h3 text-white m-b-0">100,000.00</p>
                      </div>
                      <div class="pull-right"> <span class="img-avatar img-avatar-48 bg-translucent"><i
                            class="ftsucai-56 fa-1-5x"></i></span> </div>
                    </div>
                  </div>
                </div>

                <div class="col-sm-6 col-lg-3">
                  <div class="card bg-danger">
                    <div class="card-body clearfix">
                      <div class="pull-left">
                        <p class="h6 text-white m-t-0">周累计收入</p>
                        <p class="h3 text-white m-b-0">200,000.00</p>
                      </div>
                      <div class="pull-right"> <span class="img-avatar img-avatar-48 bg-translucent"><i
                            class="ftsucai-310 fa-1-5x"></i></span> </div>
                    </div>
                  </div>
                </div>

                <div class="col-sm-6 col-lg-3">
                  <div class="card bg-success">
                    <div class="card-body clearfix">
                      <div class="pull-left">
                        <p class="h6 text-white m-t-0">月度累计收入</p>
                        <p class="h3 text-white m-b-0">1000,000.00</p>
                      </div>
                      <div class="pull-right"> <span class="img-avatar img-avatar-48 bg-translucent"><i
                            class="ftsucai-55 fa-1-5x"></i></span> </div>
                    </div>
                  </div>
                </div>

                <div class="col-sm-6 col-lg-3">
                  <div class="card bg-purple">
                    <div class="card-body clearfix">
                      <div class="pull-left">
                        <p class="h6 text-white m-t-0">年度累计收入</p>
                        <p class="h3 text-white m-b-0">5,000,000.00</p>
                      </div>
                      <div class="pull-right"> <span class="img-avatar img-avatar-48 bg-translucent"><i
                            class="ftsucai-310 fa-1-5x"></i></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="container-fluid" style="margin-bottom:90px;">

                <div class="row" style="margin-top:15px;">
                  <div class="col-sm-6 col-lg-3">
                    <div class="card bg-primary">
                      <div class="card-body clearfix">
                        <div class="pull-left">
                          <p class="h6 text-white m-t-0">用户数</p>
                          <p class="h3 text-white m-b-0">100,000.00</p>
                        </div>
                        <div class="pull-right"> <span class="img-avatar img-avatar-48 bg-translucent"><i
                              class="ftsucai-yonghu fa-1-5x"></i></span> </div>
                      </div>
                    </div>
                  </div>

                  <div class="col-sm-6 col-lg-3">
                    <div class="card bg-danger">
                      <div class="card-body clearfix">
                        <div class="pull-left">
                          <p class="h6 text-white m-t-0">卖家数</p>
                          <p class="h3 text-white m-b-0">200,000.00</p>
                        </div>
                        <div class="pull-right"> <span class="img-avatar img-avatar-48 bg-translucent"><i
                              class="ftsucai-74 fa-1-5x"></i></span> </div>
                      </div>
                    </div>
                  </div>

                  <div class="col-sm-6 col-lg-3">
                    <div class="card bg-success">
                      <div class="card-body clearfix">
                        <div class="pull-left">
                          <p class="h6 text-white m-t-0">商铺数</p>
                          <p class="h3 text-white m-b-0">1000,000.00</p>
                        </div>
                        <div class="pull-right"> <span class="img-avatar img-avatar-48 bg-translucent"><i
                              class="ftsucai-home2 fa-1-5x"></i></span> </div>
                      </div>
                    </div>
                  </div>

                  <div class="col-sm-6 col-lg-3">
                    <div class="card bg-purple">
                      <div class="card-body clearfix">
                        <div class="pull-left">
                          <p class="h6 text-white m-t-0">商品量</p>
                          <p class="h3 text-white m-b-0">5,000,000.00</p>
                        </div>
                        <div class="pull-right"> <span class="img-avatar img-avatar-48 bg-translucent"><i
                              class="ftsucai-112 fa-1-5x"></i></span> </div>
                      </div>
                    </div>
                  </div>
                </div>


                <div class="row">
                  <div class="col-lg-6">
                    <div class="card">
                      <div class="card-header">
                        <h4>近七天交易额和退款额走势</h4>
                      </div>
                      <div class="card-body">
                        <canvas id="weekincome"></canvas>
                      </div>
                    </div>
                  </div>

                  <div class="col-lg-6">
                    <div class="card">
                      <div class="card-header">
                        <h4>每月交易总额和退款额走势</h4>
                      </div>
                      <div class="card-body">
                        <canvas id="monthincome"></canvas>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="row">
                  <div class="col-lg-6">
                    <div class="card">
                      <div class="card-header">
                        <h4>下单数周趋势</h4>
                      </div>
                      <div class="card-body">
                        <canvas id="weekorders"></canvas>
                      </div>
                    </div>
                  </div>

                  <div class="col-lg-6">
                    <div class="card">
                      <div class="card-header">
                        <h4>下单数月趋势</h4>
                      </div>
                      <div class="card-body">
                        <canvas id="monthorders"></canvas>
                      </div>
                    </div>
                  </div>
                </div>


              </div>


              <div class="container-fluid" style="margin-bottom:90px;padding-bottom: 100px;">

                <div class="col-lg-6">
                  <div class="card">
                    <div class="card-header">
                      <h4>商铺销量对比</h4>
                    </div>
                    <div class="card-body">
                      <canvas id="shopssales" width="280" height="280"></canvas>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="card">
                    <div class="card-header">
                      <h4>商铺种类销量对比</h4>
                    </div>
                    <div class="card-body">
                      <canvas id="categorysales" width="280" height="280"></canvas>
                    </div>
                  </div>
                </div>
              </div>

            </div>

          </main>
        <!-- </iframe> -->
      </div>
    </div>
  </div>
  <div id="loadingPage" style="display: none;">
    <div class="loading-shade"></div>
    <div class="loading-content" onClick="$.loading(false)">数据加载中，请稍后…</div>
  </div>
</body>

</html>